@import 'variable';

.mmm_header{
  text-align: center;
 .back{
   display: block;
   float:left;
   width: 60rem/@base;
   height: 60rem/@base;
   font-size:60rem/@base;
   color:#fff;
 }
 h2{
   display: inline;
   font-size:40rem/@base;
   color:#fff;
   
 }
}

.mmm_main{
  padding:37rem/@base 20rem/@base 0 20rem/@base;
  background-color: #fff;
  .pro_info{
    h2{
      font-size:34rem/@base;
      line-height: 52rem/@base;
      color: #4D5258;
    }
    p{
      font-size:22rem/@base;
      color:#A2908D;
      height: 65rem/@base;
      line-height: 65rem/@base;
      span{
        padding:0 10rem/@base;
      }
    }
  }
  .pro_img{
    img:first-child{
      width: 237rem/@base;
      height: 325rem/@base;
      float:right;
    }
    .info2,
    .info1{
      font-size:30rem/@base;
      color:#6F676A;
      line-height: 50rem/@base;
    }
    .info2{
      margin-bottom:15rem/@base;
    }
    img:last-child{
      height: 696rem/@base;
    }
  }
  .pro_city{
    margin-top:47rem/@base;
    // height: 1335rem/@base;
    ul{
      width: 276rem/@base;
      margin:0 auto;
      padding: 0 19rem/@base 23rem/@base;
      border-radius:10rem/@base;
      box-shadow:1px 2px 5px gray;
      li{
        font-size:22rem/@base;
        height: 38rem/@base;
        line-height: 37rem/@base;
        padding:0 20rem/@base;
        border-bottom:1px dashed #ccc;
        span{
          color:#3E413E;
          strong{
            color:#F5870A;
            float:right;
          }
        }
      }
    }
  }
  .to_buy{
    height: 184rem/@base;
    padding:35rem/@base 21rem/@base 86rem/@base 21rem/@base;
    button{
      font-size:22rem/@base;
      background-color: #FF9000;
      color: #fff;
      width: 100%;
      height: 100%;
      border:none;
      border-radius:8rem/@base;
    }
  }
  img.wx{
    height: 280rem/@base;
  }
  .coms{
    width: 715rem/@base;
    // height: 630rem/@base; //先写死,方便写样式.但是不能写死,要动态渲染.
    padding-top:56rem/@base;
    padding-bottom:38rem/@base;
    .tit{
      font-size:32rem/@base;
    }
    .reply{
      .form{
        width: 98%;
        margin:0 auto;
        textarea{
          height: 225rem/@base;
          width: 100%;
          border:1px solid #ccc;
        }
        .ctrl{
          text-align:right;
          background-color: #FBFBFB;
          position:relative;
          top:-14rem/@base;
          border:1px solid #ccc;
          input{
            font-size:32rem/@base;
            color: #fff;
            background-color: #FF9000;
            border:none;
            width: 200rem/@base;
            height: 80rem/@base;
            border-radius:5rem/@base;
          }
        }
      }
    }
    #newcomment{
      height: 90rem/@base;
      line-height: 90rem/@base;
      font-size:28rem/@base;
      color:#2D281D;
    }
    .list{
      .userimg{
        float:left;
        margin-right:20rem/@base;
        height: 134rem/@base;
        img{
          width: 80rem/@base;
          height: 80rem/@base;
          border-radius:50%;
        }
      }
      .con{
        font-size:30rem/@base;
        // height: 134rem/@base; 不能写死高度!!
        overflow: hidden;
        img{
          width: 30rem/@base;
          height: 30rem/@base;
        }
        .name{
          height: 53rem/@base;
          .username{
            float:left;
            color:#62AADB;
          }
          .time{
            float:right;
            color:#6B565E;
          }
        }
      }
    }
  }
}


.mmm_footer{
  margin-top:0;
  height: 192rem/@base;
  .nav{
    margin-top:0;
  }
}


  
